<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>git
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>MYWAY AIRLINE</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/minimal/blue.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/tickets.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery.step.css" />
		<link rel="stylesheet" type="text/css" href="css/cityselect.css"/>
	</head>
	<body>
		<header>
			<div class="container">
				<div class="row clearfix">
					<ul class="head_box pull-right">
						<li>
							<a href="#none" class="head_crNav weixin"></a>
							<a href="#none" class="head_crNav saoma"></a>
							<a href="#none" class="head_crNav kefu"></a>
						</li>
						<li>
							<span class="head_crNav dianhua"></span>
							<span class="head_phone">028-66668888</span>
						</li>
						<li class="head_login">
							<a href="#none">登陆</a>
							<a href="#none">注册</a>
						</li>
						<li>
							<span class="head_lag"><a href="#none" class="zh_CN">简体中文</a></span>
							<ul class="head_lag_list">
								<li><a href="#none" class="zh_CN">简体中文</a></li>
								<li><a href="#none" class="EN">English</a></li>
								<li><a href="#none" class="GE">საქართველო</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<nav>
			<div class="container" style="position:relative;">
				<div class="row">
					<div class="nav_logo"></div>
					<ul class="topNav clearfix">
						<li class="select"><a href="#none">首&emsp;&emsp;页</a></li>
						<li><a href="#none">机&emsp;&emsp;票</a></li>
						<li><a href="#none">旅&emsp;&emsp;游</a></li>
						<li><a href="#none">酒&emsp;&emsp;店</a></li>
						<li><a href="#none">商&emsp;&emsp;城</a></li>
						<li><a href="#none">服务助手</a></li>
						<li><a href="#none">会员专区</a></li>
						<span class="select_line"></span>
					</ul>
				</div>
			</div>
			<div class="outList">
				<span class="menu_list menu0" style="display:none !important;"></span>
				<span class="menu_list menu1">
					<span class="container">
					<ul class="fir_Atit">
							<li><a href="#none">机票预订</a></li>
							<li><a href="#none">航班动态</a></li>
							<li><a href="#none">网上值机</a></li>
							<li><a href="#none">订单管理</a></li>
							<li><a href="#none">保险服务</a></li>
							<li><a href="#none">增值服务</a></li>
						</ul>
					</span>
				</span>
				<span class="menu_list menu2">
					<span class="container">
					<ul class="fir_Atit">
							<li><a href="#none">旅游线路</a></li>
							<li><a href="#none">门票代购</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu3">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">自营酒店</a></li>
							<li><a href="#none">去哪</a></li>
							<li><a href="#none">携程</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu4">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">代购商品</a></li>
							<li><a href="#none">特色商品</a></li>
						</ul>
					</span>	
				</span>
				<span class="menu_list menu5">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">机场资讯</a></li>
							<li><a href="#none">乘机指南</a></li>
							<li><a href="#none">目的地指南</a></li>
							<li><a href="#none">签证信息</a></li>
							<li><a href="#none">中转指南</a></li>
							<li><a href="#none">特色旅客出行</a></li>
						</ul>
					</span>
				</span>
				<span class="menu_list menu6">
					<span class="container">
						<ul class="fir_Atit">
							<li><a href="#none">会员注册</a></li>
							<li><a href="#none">积分查询</a></li>
							<li><a href="#none">积分消费</a></li>
							<li><a href="#none">会员活动</a></li>
							<li><a href="#none">我的订单</a></li>
						</ul>
					</span>
				</span>
			</div>
		</nav>
		<main class="main_gay">
			
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="#">Home</a></li>
				  <li><a href="#">Library</a></li>
				  <li class="active">Data</li>
				</ol>
				<div class="stepBox">
					<div id="step"></div>
					<button id="a1">123</button>
					<button id="a2">123</button>
				</div>
				<div class="outerBox trick_fig clearfix">
					<form action="" method="post">
						<div class="col-lg-8 col-md-8">
							<div id="flightReservation">
								<div class="sailType">
									<span><input type="radio" name="iCheck1" checked><label for="">单程</label></span>
									<span><input type="radio" name="iCheck1"><label for="">往返</label></span>
									<span><input type="radio" name="iCheck1"><label for="">多航段</label></span>
								</div>
								<div class="route clearfix">
								    <div class="input-group long-input">
								      <div class="input-group-addon up"></div>
								      <input type="text" class="form-control" id="uplocation">
								    </div>
								    <a href="#none" class="tran"></a>
								    <div class="input-group long-input">
								      <div class="input-group-addon down"></div>
								      <input type="text" class="form-control" id="downlocation">	
								    </div>
								</div>
							</div>
							<div id="flightDynamics">
								<div class="mustToday">
									<span><input type="radio" name="iCheck2" checked><label for="">必须今天</label></span>
								</div>
								<div class="date clearfix">
								    <div class="input-group long-input">
								      <div class="input-group-addon time"></div>
								      <input type="text" class="form-control" id="formdate">
								    </div>
								    <div class="input-group long-input">
								      <div class="input-group-addon time"></div>
								      <input type="text" class="form-control" id="todate">	
								    </div>
								</div>
							</div>							
						</div>
						<div class="col-lg-4 col-md-4">
							<div id="onlineCheckIn">
								<div class="inputBox">
									<div>
										<label for="">成人 > 12</label>
										<div class="input-group short-input">
									      	<input type="text" class="form-control" min="12" min="0">
									      	<div class="input-group-addon control">
									      		<a href="#none" class="add">+</a>
									      		<a href="#none" class="cut">-</a>
									      	</div>
									    </div>
									</div>
									<div>
										<label for="">儿童 2-11</label>
									    <div class="input-group short-input">
									      	<input type="text" class="form-control" max="11" min="2" min="0">
									      	<div class="input-group-addon control">
									      		<a href="#none" class="add">+</a>
									      		<a href="#none" class="cut">-</a>
									      	</div>
									    </div>
									</div>
									<div>
										<label for="">婴儿 < 2</label>
									    <div class="input-group short-input">
									      	<input type="text" class="form-control" max="2" min="0">
									      	<div class="input-group-addon control">
									      		<a href="#none" class="add">+</a>
									      		<a href="#none" class="cut">-</a>
									      	</div>
									    </div>
									</div>
								</div>
							</div>

							<button class="classicButton sea_btn">搜索</button>
						</div>
					</form>
				</div>
				<div class="roundTrip outerBox clearfix">
					<ul class="clearfix">
						<li class="roundTrip_unit">
							<i class="">去程</i>
							<span>北京首都机场</span>
							<span></span>
							<span>上海虹桥机场</span>
							<span>2017-12-21    周四</span>
							<span>已选择：<i>EU2188</i></span>
							<span>08：12—12：45</span>
							<span>经济舱 ¥788</span>
							<a href="#none">重新选择航班 </a>
						</li>
						<li class="roundTrip_unit">
							<i class="">去程</i>
							<span>北京首都机场</span>
							<span></span>
							<span>上海虹桥机场</span>
							<span>2017-12-21    周四</span>
							<span>已选择：<i>EU2188</i></span>
							<span>08：12—12：45</span>
							<span>经济舱 ¥788</span>
							<a href="#none">重新选择航班 </a>
						</li>
					</ul>
				</div>
				<div>
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div>12-18  周六</div>
								<div>¥1288</div>
							</div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
				            <div class="swiper-slide">
				            	<div>12-18  周六</div>
								<div>¥1288</div>
				            </div>
			            </div>
			            <div class="swiper-button-next swiper-button-white" id="right"></div>
			        	<div class="swiper-button-prev swiper-button-white" id="left"></div>
					</div>
				</div>
				<div class="ticket_detail outerBox clearfix">
					<ul>
						<li class="tic_unit">
							<div class="col-lg-12 col-md-12 clearfix">
								<div class="tic_info">
									<div>
										<i class="airLogo"></i>
										<span class="departure_time">06:45</span>
										<span class="from">北京首都机场T1航站楼</i>
									</div>
									<div>
										<span class="mMunber">EU4567</span>
										<span class="time_interval">12hrs 30mins</span>
										<i class="arr"></i>
									</div>
									<div>
										<i class="model">机型A330</i>
										<span class="landing_time">09:00</span>
										<span class="to">上海浦东机场T1航站楼</span>
									</div>
								</div>
								<a href="#none" class="tic_btn btns">
									<span>航班详情</span>
									<i></i>
								</a>
								<div class="tic_msg btns">
									<span>
										<input type="radio" name="tic_price"/><i>¥ 89</i>
									</span>
									<p>超值特惠</p>
								</div>
								<div class="tic_msg btns">
									<span>
										<input type="radio" name="tic_price"/><i>¥ 222</i>
									</span>
									<p>超值特惠</p>
								</div>
								<div class="tic_msg btns">
									<span>
										<input type="radio" name="tic_price"/><i>¥ 669</i>
									</span>
									<p>商务舱</p>
								</div>
								<div class="tic_msg btns">
									<span>
										<input type="radio" name="tic_price"/><i>¥ 998</i>
									</span>
									<p>头等舱</p>
								</div>
							</div>
							<div class="tab">
								<div class="tic_det_info col-lg-12 col-md-12 clearfix">
									<div>您所选的轻松特价行  包含以下服务：</div>
									<ul class="clearfix">
										<li class="info_type1">超低价，限量机票（不得退改签）</li>
										<li class="info_type2">无免费托运行李额度</li>
										<li class="info_type2 full">可免费携带7KG且体积不超过20X30X40CM的手提行李进入客舱</li>
										<li class="info_type3 full">轻松特价行优惠票价，仅限购买30 元基础型航意险客户专享保险总额度高达120万元。保护飞行中的各种人身意外</li>
									</ul>
								</div>
								<ul class="tic_sel col-lg-12 col-md-12 clearfix">
									<div></div>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
								</ul>
								<ul class="tic_sel col-lg-12 col-md-12 clearfix">
								<div></div>	
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
								</ul>
								<ul class="tic_sel col-lg-12 col-md-12 clearfix">
								<div></div>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
								<li class="col-lg-6 col-md-6">
									<span>A舱经济舱</span>
									<span>¥ 89</span>
									<span>退改签<i>>9张</i></span>
									<button class="classicButton">立即预订</button>
								</li>
							</ul>
								<ul class="tic_sel col-lg-12 col-md-12 clearfix">
									<div></div>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
									<li class="col-lg-6 col-md-6">
										<span>A舱经济舱</span>
										<span>¥ 89</span>
										<span>退改签<i>>9张</i></span>
										<button class="classicButton">立即预订</button>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
				
				<div class="banner recommended outerBox_type2">
				<div class="clearfix">
					<h3><div>热点推荐</div></h3>
				</div>
				<div class="col-lg-12 col-md-12">
					<div class="col-lg-6 col-md-6">
						<img src="img/item1.png" alt="" />
						<a href="#none">巴统-第比利斯-姆茨赫塔=¥ 1988</a>
					</div>
					<div class="col-lg-6 col-md-6">
						<img src="img/itrm2.png" alt="" />
						<a href="#none">巴统-第比利斯-姆茨赫塔=¥ 1988</a>
					</div>
				</div>
			</div>
		</main>
		<footer>
			<div class="footer_link">
				<div class="container">
					<div class="link_box service col-lg-4 col-md-4">
						<h4 class="footer_tit">服务助手</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">运输总条件 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">旅客须知 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">会员手册</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">机上延误应急预案 </a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">特殊旅客运输说明</a></li>
							<li class="col-lg-11 col-md-10 link_noselect"><a href="#none">行李托运相关服务</a></li>
						</ul>
					</div>
					<div class="link_box about col-lg-4 col-md-4">
						<h4 class="footer_tit">关于我们</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司简介 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司文化 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司新闻</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">公司荣誉 </a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">各地营业部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">招聘信息</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">投资者关系 </a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">隐私政策</a></li>
						</ul>
					</div>
					<div class="link_box about col-lg-4 col-md-4">
						<h4 class="footer_tit">友情链接</h4>
						<ul class="clearfix col-lg-6 col-md-6">
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">均瑶集团</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">淘旅行</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">吉祥货运</a></li>
						</ul>
						<ul class="clearfix col-lg-6 col-md-6">	
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意商城</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">如意俱乐部</a></li>
							<li class="col-lg-10 col-md-10 link_noselect"><a href="#none">九元航空</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer_copyright">
				<div class="container">
					© Copyright  2017 MyWay Airlines Inc.All Rights Reserved
				</div>
			</div>
		</footer>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cityselect.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/laydate.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/icheck.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/step.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.btns').on('click', function() {
			let $indexs=$(this).index();
			$('.tab').children().eq($indexs-1).slideToggle().siblings().slideUp()
		});
		var $step = $("#step");
		$step.step({
			index: 0,
			time: 500,
			title: ["选择航班", "填写订单", "选择座位", "增值服务", "确认并支付", "购票成功"]
		});
		$("#a1").on("click", function() {
			$step.nextStep();
			$index.text($step.getIndex());
		});
		$("#a2").on("click", function() {
			$step.prevStep();
			$index.text($step.getIndex());
		});
		var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        slidesPerView:7,
	        centeredSlides: true,
	        paginationClickable: true,
	        loopAdditionalSlides : 5,
	        prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
			slideToClickedSlide:true,
	        loop:true,
	        grabCursor: true
	    });
	    $('input[type="radio"],input[type="checkbox"]').iCheck({
			checkboxClass: 'icheckbox_minimal-blue',
	    	radioClass: 'iradio_minimal-blue',
		    increaseArea: '20%' // optional
		});
		setTimeout(function(){
			$('.tic_msg').on('click',function(){
				$(this).find('input').iCheck('toggle');
			});
		},1);
		
	</script>
</html>

